diff --git a/frontend/@dasig/components/Padding.tsx b/frontend/@dasig/components/Padding.tsx
index 0164f7f..bb94b2a 100644
--- a/frontend/@dasig/components/Padding.tsx
+++ b/frontend/@dasig/components/Padding.tsx
@@ -1,13 +1,23 @@
-import type { JSXElement } from 'solid-js'
+import type { JSXElement } from "solid-js";
+import "../styles/Padding.sass";
 
 interface Props {
-  left: number
-  right: number
-  top: number
-  bottom: number
-  children: JSXElement
+  left: number;
+  right: number;
+  top: number;
+  bottom: number;
+  children: JSXElement;
 }
 
 export default (props: Props) => {
-  return <div style={{ padding: `${props.top || 0}rem ${props.right}rem ${props.bottom || 0}rem ${props.left}rem` }}>{props.children}</div>
-}
+  return (
+    <div
+      class="dasig-padding"
+      style={{
+        padding: `${props.top || 0}rem ${props.right}rem ${props.bottom || 0}rem ${props.left}rem`,
+      }}
+    >
+      {props.children}
+    </div>
+  );
+};
diff --git a/frontend/@dasig/styles/Padding.sass b/frontend/@dasig/styles/Padding.sass
new file mode 100644
index 0000000..19a6ee6
--- /dev/null
+++ b/frontend/@dasig/styles/Padding.sass
@@ -0,0 +1,2 @@
+.dasig-padding
+  width: 100%
\ No newline at end of file
diff --git a/frontend/Dockerfile b/frontend/Dockerfile
index 3b617d4..66eef37 100644
--- a/frontend/Dockerfile
+++ b/frontend/Dockerfile
@@ -1,4 +1,4 @@
-FROM node:22-alpine AS build
+FROM node:24.14-alpine AS build
 WORKDIR /app
 COPY package*.json ./
 RUN corepack enable
@@ -6,7 +6,7 @@ RUN pnpm install
 COPY . .
 RUN pnpm build
 
-FROM nginx:alpine AS runtime
+FROM nginx:stable-alpine AS runtime
 COPY ./.deployment/nginx/nginx.conf /etc/nginx/nginx.conf
 COPY --from=build /app/.output/public /usr/share/nginx/html
 EXPOSE 8080
\ No newline at end of file